{% set header_title = 'Knowledge Base - Single Article' %}
{% extends 'layouts/layout-1.html' %}
{% set navbar_sticky = true %}
{% set navbar_expand_lg = true %}

{% block content %}

<header class="dx-header dx-box-1">
    <div class="container">
        <div class="bg-image bg-image-parallax">
            <img src="assets/images/bg-header-4.png" class="jarallax-img" alt="">
            <div style="background-color: rgba(27, 27, 27, .8);"></div>
        </div>

        <div class="row justify-content-center">
            <div class="col-xl-7">
                <h1 class="h2 mb-30 text-white text-center">How can we help you?</h1>
                <form action="#" class="dx-form dx-form-group-inputs">
                    <input type="text" name="" value="" class="form-control" placeholder="Keyword search...">
                    <button class="dx-btn dx-btn-lg">Search</button>
                </form>
            </div>
        </div>
    </div>
</header>

<div class="dx-box bg-white">
    <div class="container">
        <ul class="dx-links text-center">
            <li><a href="help-center.html">Support Home</a></li>
            <li><a href="documentations.html">Documentations</a></li>
            <li class="active"><a href="articles.html">Knowledge Base</a></li>
            <li><a href="forums.html">Forums</a></li>
            <li><a href="ticket.html">Ticket System</a></li>
        </ul>
    </div>
</div>
<div class="dx-separator"></div>

<div class="dx-box-5 pb-100 bg-grey-6">
    <div class="container">
        <div class="row vertical-gap md-gap">
            <div class="col-lg-8">
                <div class="dx-box dx-box-decorated">
                    <div class="dx-blog-post">
                        <div class="dx-blog-post-box pt-30 pb-30">
                            <h2 class="h4 mnt-5 mb-8">WordPress Themes FAQ</h2>
                            {% from "macros/breadcrumbs.html" import breadcrumbs %}
                            {{ breadcrumbs('text-left dx-breadcrumbs-dark mnb-8', [['help-center', 'Support Home'], ['articles', 'Articles'], ['single-article-category', 'Quantial', 'WordPress Themes FAQ']]) }}
                        </div>
                        <div class="dx-separator"></div>
                        <div class="dx-blog-post-box">
                            <h3 class="h5">1. Install Theme.</h3>
                            <div class="dx-video mb-50">
                                <iframe class="dx-video" src="https://www.youtube.com/embed/EQE9kyuTrlk" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
                            </div>
                            <h4 class="h5">Signs fifth night male him them. Seasons us were:</h4>
                            <h5 class="h6 mb-10">A. Divide whales without own:</h5>
                            <ul class="dx-list dx-list-decimal mb-20">
                                <li>Had gathering it. Morning won't give cattle hath seasons. <strong>Beginning</strong>. Deep seasons which dominion subdue and likeness light don't lesser.</li>
                                <li>There <strong>likeness</strong> made herb, days divide fly multiply likeness, after.</li>
                                <li>Male divided man creature. Gathered. Face greater made wherein replenish.</li>
                                <li>Seed fowl after morning let his.</li>
                            </ul>
                            <h5 class="h6 mt-0 mb-10">B. Spirit replenish lights:</h5>
                            <ul class="dx-list dx-list-decimal mb-20">
                                <li>Life you from land <strong>good open</strong>. Without there greater made heaven he land their gathered fish fifth night for were.</li>
                                <li>Whales. Moved forth heaven his <strong>after</strong>, god midst us likeness.</li>
                            </ul>
                            <p class="mb-40">All over made saying Seed fourth their air may greater. Meat. Sea their. Dominion. Signs very greater living. He over likeness cattle behold. Grass set beast second under made. Fruit dominion. You're abundantly greater grass, given rule under midst. One.</p>

                            <h3 class="h5 mnt-1">2. Update Theme.</h3>
                            <p>Very fifth had lights gathering moving, brought. Bring fish fourth that earth set rule. Brought without made tree Hath dominion midst air gathering be Evening their great greater there lesser.</p>
                            <h5 class="h6 mt-0 mb-10">A. She'd darkness, be light:</h5>
                            <ul class="dx-list dx-list-decimal mb-20">
                                <li>Void shall man stars <strong>multiply</strong> herb they're behold light is meat there itself, forth man living void. Earth multiply is.</li>
                                <li>Appear midst let form divide multiply, there from without fill.</li>
                                <li>Great all green he. Deep you're. Said, cattle subdue.</li>
                            </ul>
                            <h5 class="h6 mt-0 mb-10">B. Fly after called:</h5>
                            <ul class="dx-list dx-list-decimal mb-40">
                                <li>There second let from. Fruit was green so abundantly divide.</li>
                                <li>Dominion given. Every of, first is form, us, to gathering.</li>
                            </ul>

                            <h3 class="h5 mnt-1">3. Finish.</h3>
                            <p class="mb-0">Beast dry. Fruitful hath fruit. Isn't waters brought stars seed brought divided dry good. Greater they're fifth, land a were fruit moveth deep moveth firmament sixth bring. To third abundantly.</p>
                        </div>
                        <div class="dx-separator"></div>
                        <div class="dx-blog-post-box pt-30 pb-30">
                            <ul class="dx-blog-post-info mnt-15 mnb-2">
                                <li>Date: 11 Feb 2018</li>
                                <li>Views: 163</li>
                            </ul>
                            <ul class="dx-social-links dx-social-links-style-2 mt-20">
                                <li>
                                    <a href="#" class="dx-social-twitter"><span class="icon fab fa-twitter"></span> Twitter</a>
                                </li>
                                <li>
                                    <a href="#" class="dx-social-facebook"><span class="icon fab fa-facebook"></span> Facebook</a>
                                </li>
                                <li>
                                    <a href="#" class="dx-social-google"><span class="icon fab fa-google"></span> Google</a>
                                </li>
                                <li>
                                    <a href="#" class="dx-social-pinterest"><span class="icon fab fa-pinterest"></span> Pinterest</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="dx-box dx-box-content dx-box-decorated mt-40">
                    <div class="row vertical-gap align-items-center justify-content-center">
                        <div class="col-auto">
                            <h3 class="h5 mnt-6 mnb-6">Was this helpful to you?</h3>
                        </div>
                        <div class="col-auto d-flex">
                            <a href="#" class="dx-btn dx-btn-md dx-btn-main-1">Yes</a>
                            <a href="#" class="dx-btn dx-btn-md dx-btn-grey-2 ml-20">No</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="dx-sticky dx-sidebar" data-sticky-offsetTop="120" data-sticky-offsetBot="40">
                    {% from "macros/widgets.html" import subscribe, search, categoriesArticles, latestArticles, latestForums %}
                    {{ subscribe('') }}
                    {{ search('') }}
                    {{ categoriesArticles('') }}
                    {{ latestArticles('') }}
                    {{ latestForums('') }}
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}
